@import "layout.css";
@import "scroll.css";
@import "util.css";

:root {
   --Background: #f1f1f1;
   --A: #646cff;
   --ButtonBackground: #efefef;
   --ButtonHoverBackground: #d7d7d7;
   --BorderRadius: 15px;
}

@font-face {
   font-family: "ShuHeiTi";
   src: url("/src/assets/font/Alimama_ShuHeiTi_Bold.ttf");
}

@font-face {
   font-family: "DT-JBT";
   src: url("/src/assets/font/DingTalkJinBuTi-Regular.ttf");
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "DT-JBT", "ShuHeiTi", sans-serif;
}

a {
   font-weight: 500;
   color: var(--A);
   text-decoration: inherit;
}

a:hover {
   color: var(--A);
}

html, body {
   overflow: hidden;
   background-color: var(--Background);
   width: 100vw;
   height: 100vh;
}

.full-width {
   width: 100%;
}

.full-height {
   height: 100%;
}

.flex {
   display: flex;
   align-items: center;
   justify-content: center;
}

.flex-col {
   flex-direction: column;
}

.flex-1 {
   flex: 1;
}

.flex-2 {
   flex: 2;
}

.flex-3 {
   flex: 3;
}

.text-elip {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.no-select {
   user-select: none;
}

.button {
   font-size: 14px;
   display: inline-block;
   padding: 6px 14px;
   background: var(--ButtonBackground);
   border-radius: var(--BorderRadius);
   cursor: pointer;
   user-select: none;
   transition: all .25s;
}

.button:hover {
   background: var(--ButtonHoverBackground);
}
